﻿@model BlogArticle
@using Blog.Models
@{
    ViewData["Title"] = Model.Title;
    ViewBag.navId = "navArticle";
}
@section Styles{
    <link rel="stylesheet" href="~/css/article/detail.css" />

}
<div class="blog-body">
    <div class="blog-container">
        <blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow">
            <a href="/" title="网站首页">网站首页</a>
            <a href="/article" title="文章专栏">文章专栏</a>
            <a><cite>@Html.Raw(Model.Title)</cite></a>
        </blockquote>
        <div class="blog-main">
            <div class="blog-main-left">
                <div class="article-detail shadow">
                    <div class="article-detail-title">
                        @Html.Raw(Model.Title)
                    </div>
                    <div class="article-detail-info">
                        <span>编辑时间：@Html.Raw(Model.UpdateTime)</span>
                        <span>作者：@Html.Raw(Model.Submitter)</span>
                        <span>浏览量：@Html.Raw(Model.Traffic)</span>
                    </div>
                    <div class="article-detail-content">
                        @Html.Raw(Model.Content)
                    </div>
                </div>
                <!-- 评论区域 -->
                <div class="blog-module shadow" style="box-shadow: 0 1px 8px #a6a6a6;">
                    <fieldset class="layui-elem-field layui-field-title" style="margin-bottom:0">
                        <legend>来说两句吧</legend>
                        <div class="layui-field-box">
                            <form class="layui-form blog-editor" action="">
                                <div class="layui-form-item">
                                    <textarea name="editorContent" lay-verify="content" id="remarkEditor" placeholder="请输入内容" class="layui-textarea layui-hide"></textarea>
                                </div>
                                <div class="layui-form-item">
                                    <button type="button" class="layui-btn" onclick="layui.layer.msg('暂时不支持')" lay-submit="formRemark" lay-filter="formRemark">提交评论</button>
                                </div>
                            </form>
                        </div>
                    </fieldset>
                    <div class="blog-module-title">最新评论</div>
                    @*<ul class="blog-comment">
                        <li>
                            <div class="comment-parent">
                                <img src="../images/Absolutely.jpg" alt="absolutely" />
                                <div class="info">
                                    <span class="username">Absolutely</span>
                                    <span class="time">2017-03-18 18:46:06</span>
                                </div>
                                <div class="comment_content">
                                    我为大家做了模拟评论功能！还有，这个评论功能也可以改成和留言一样，但是目前没改，有兴趣可以自己改
                                </div>
                            </div>
                        </li>
                    </ul>*@
                </div>
            </div>
            <div class="blog-main-right">
                @await Component.InvokeAsync("Recomment")
                @await Component.InvokeAsync("LookAround")
               
            </div>
            </div>
        <div class="clear"></div>
    </div>
</div>
@section Scripts{
    <script>
        layui.use(['jquery', 'layedit', 'layer'], function () {
            var layedit = layui.layedit, $ = layui.$, layer = layui.layer;
            var editIndex = layedit.build('remarkEditor');

        })
    </script>
}